<template>
	<view class="login-bg"
		style="background: url('../../static/image/bg-02.png') no-repeat;background-size: 100% 100%;">
		<view class="padding-30">
			<view class="fontSize-20 color-fff margin-top150" style="text-align: left;line-height: 1.8;">
				为了能让您获得更专业的定制服务，请填写以下几项资料。
				感谢您的配合！
			</view>
			<view class="bg-fff padding-30 border-radius20 margin-top20">
				<view class="flex-alignItems-center margin-bottom30">
				    <view class="fontSize-15 color-000 margin-right20">姓名</view>
					<input class="input-view" type="text" v-model="name" placeholder="请填写姓名"/>
				</view>
				
				<view class="flex-alignItems-center f-divider1 padding-bottom30">
					<view class="fontSize-15 color-000 margin-right20">姓别</view>
					<view class="flex-alignItems-center margin-right30">
						<view class="margin-right30">
							<image class="img-38" src="../../static/image/01.png" mode=""></image>
							<image class="img-38" src="../../static/image/02.png" mode=""></image>
						</view>
						<view class="fontSize-15 color-000">
							男
						</view>
					</view>
					<view class="flex-alignItems-center">
						<view class="margin-right30">
							<image class="img-38" src="../../static/image/01.png" mode=""></image>
							<image class="img-38" src="../../static/image/02.png" mode=""></image>
						</view>
						<view class="fontSize-15 color-000">
						   女
						</view>
					</view>
				</view>
				
				<view class="flex-alignItems-center f-divider1 padding-bottom30 margin-top30">
					<view class="fontSize-15 color-000 margin-right20" style="flex-shrink: 0;">年龄区间</view>
					<view class="flex-flex-warp">
						<view class="flex-alignItems-center margin-right30">
							<view class="margin-right10">
								<image class="img-32" src="../../static/image/01.png" mode=""></image>
								<image class="img-32" src="../../static/image/02.png" mode=""></image>
							</view>
							<view class="fontSize-15 color-000">
								15岁以下
							</view>
						</view>
						<view class="flex-alignItems-center margin-right30">
							<view class="margin-right10">
								<image class="img-32" src="../../static/image/01.png" mode=""></image>
								<image class="img-32" src="../../static/image/02.png" mode=""></image>
							</view>
							<view class="fontSize-15 color-000">
								15岁以下
							</view>
						</view>
						<view class="flex-alignItems-center margin-right30">
							<view class="margin-right10">
								<image class="img-32" src="../../static/image/01.png" mode=""></image>
								<image class="img-32" src="../../static/image/02.png" mode=""></image>
							</view>
							<view class="fontSize-15 color-000">
								15岁以下
							</view>
						</view>
					</view>
				</view>
				<view class="flex-alignItems-center f-divider1 padding-bottom30 margin-top30">
					<view class="fontSize-15 color-000 margin-right20" style="flex-shrink: 0;">行业</view>
					<view class="flex-flex-warp">
						<view class="flex-alignItems-center margin-right30">
							<view class="margin-right10">
								<image class="img-32" src="../../static/image/01.png" mode=""></image>
								<image class="img-32" src="../../static/image/02.png" mode=""></image>
							</view>
							<view class="fontSize-15 color-000">
								教育培训
							</view>
						</view>
						<view class="flex-alignItems-center margin-right30">
							<view class="margin-right10">
								<image class="img-32" src="../../static/image/01.png" mode=""></image>
								<image class="img-32" src="../../static/image/02.png" mode=""></image>
							</view>
							<view class="fontSize-15 color-000">
								教育培训
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="index-btn flex-center margin-top50" @click="$tools.navigateTo('/user/index/evaluation')">
				提 交
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: '1231231'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.input-view{
		width: 451rpx;
		height: 66rpx;
		background: #F2ECEC;
		padding: 10rpx 20rpx;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		border: 1rpx solid rgba(174,174,174,0.6);
	}
	.index-btn {
		// width: 570rpx;
		height: 100rpx;
		font-weight: bold;
		font-size: 36rpx;
		color: #FFFFFF;
		background: linear-gradient(180deg, #F96040 0%, #EC2812 100%);
		border-radius: 49rpx 49rpx 49rpx 49rpx;
		border: 2rpx solid #FEFBB6;
	}
	.login-bg {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
</style>